<ion-header>
  <div class="uh bor_b bc-head" data-control="HEADER" id="Header">
    <div class="ub">
      <div class="nav-btn widthh" id="nav-left" (click)="navCtrl.pop()">
        <div class="ub-img1 back_btn_img"></div>
      </div>
      <h1 class="ut ub-f1 ulev-3 ut-s tx-c color_black" tabindex="0">好友排名</h1>
      <div class="nav-btn widthh" id="nav-right"></div>
    </div>
  </div>
</ion-header>
<ion-content >
  <div class=" " data-control="CONTENT" id="ScrollContent_dMIpN4">
    <div class="scrollbox">
      <div class="ub   ub-ver " id="dt_list">
        <div class="ub ub-ver ">
          <div class="ub color666 bc-head umh5">
            <div class="ub ub-ac ub-pc ub-f1 umh4 bor_tex_red" id="btn1" (click)="qiehuan(this.id)">
              总榜单
            </div>
            <div class="ub ub-ac ub-pc ub-f1 umh4 " id="btn2" (click)="qiehuan(this.id)">
              月榜单
            </div>
            <div class="ub ub-ac ub-pc ub-f1 umh4 " id="btn3" (click)="qiehuan(this.id)">
              周榜单
            </div>
          </div>
          <!--总榜 -->
          <div class="ub ub-ver ub-f1 mar_t7 " id="btn1_y" style="visibility: visible;">
            <div class="bc-head" id="list1_me">
  
            </div>
            <div class="ub ub-ver mar_t7 bc-head " id="list1">
  
            </div>
          </div>
          <!--月榜 -->
          <div class="ub ub-ver ub-f1 mar_t7" id="btn2_y" style="visibility:collapse;">
            <div class="bc-head" id="list2_me">
  
            </div>
            <div class="ub ub-ver mar_t7 bc-head" id="list2">
  
            </div>
          </div>
          <!--周榜 -->
          <div class="ub ub-ver ub-f1 mar_t7" id="btn3_y" style="visibility:collapse;">
            <div class="bc-head" id="list3_me">
            </div>
            <div class="ub ub-ver mar_t7 bc-head" id="list3">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

</ion-content>
